<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>【HUAWEI&#x20;Mate&#x20;Xs&#x20;2】价格_参数_图片_怎么样 - 华为商城</title>
    <link rel="Shortcut Icon" href="../img/img_ent_en_logo_ico.png">
    <link rel="stylesheet" href="../css/common/header.css">
    <link rel="stylesheet" href="../css/details.css">
    <link rel="stylesheet" href="../libs/iconfont.css">
    <link rel="stylesheet" href="../css/common/footer.css">
    <link rel="stylesheet" href="../css/common/reset.css">
    <link rel="stylesheet" href="../libs/swiper-bundle.min.css">
    <link rel="stylesheet" href="../libs/fdj/magnifier.css">
</head>
<body>
    <header></header>
    <div class="main">
        <!-- 面包屑 -->
            <div class="con-between"></div>
            <div class="con-center">
                <div class="bread-crumb">
                    <h4><a href="">首页</a> <span class="iconfont icon-you"></span> HUAWEI Mate Xs 2 8GB+256GB （雅黑）</h4>
                </div>
                <!-- 商品详情 -->
                <div class="product-details">
                    <!-- 商品图片 -->
                    <div class="magnifier" id="magnifier1">
                      <div class="magnifier-container">
                        <div class="images-cover">
                        </div>
                        <!--当前图片显示容器-->
                        <div class="move-view"></div>
                        <!--跟随鼠标移动的盒子-->
                      </div>
                      <div class="magnifier-assembly">
                        <div class="magnifier-btn">
                          <span class="magnifier-btn-left">&lt;</span>
                          <span class="magnifier-btn-right">&gt;</span>
                        </div>
                        <!--按钮组-->
                        <div class="magnifier-line">
                          <ul class="clearfix animation03">
                            <!-- <li>
                              <div class="small-img">
                                <img src="../img/6g.jpg" />
                              </div>
                            </li>
                            <li>
                              <div class="small-img">
                                <img src="../img/6g.jpg" />
                              </div>
                            </li>
                            <li>
                              <div class="small-img">
                                <img src="../img/6g.jpg" />
                              </div>
                            </li>
                            <li>
                              <div class="small-img">
                                <img src="../img/6g.jpg" />
                              </div>
                            </li>
                            <li>
                              <div class="small-img">
                                <img src="../img/6g.jpg" />
                              </div>
                            </li> -->
                          </ul>
                        </div>
                        <!--缩略图-->
                      </div>
                      <div class="magnifier-view"></div>
                      <!--经过放大的图片显示容器-->
                    </div>
                    <div class="porduct-text-con">
                        <div class="product-pic-enlarge">
                            <img src="" alt="">
                        </div>
                        <h1>HUAWEI Mate Xs 2 8GB+256GB （雅黑）</h1>
                        <div class="product-ranking"><a href="">【新品每天10:08限时抢购】更多甄选手机点击前往>></a></div>
                        <div class="product-info">
                            <div class="product-price">
                                <div class="label">价&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格</div>
                                <div class="product-price-info">￥9999.00</div>
                            </div>
                            <div class="product-promotion">
                                <div class="label">促&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;销</div>
                                <div class="product-promotion-info">赠送积分购买即赠商城积分，积分可抵现~</div>
                            </div>
                        </div>
                        <div class="product-Service-description">
                            <div class="label">服务说明</div>
                            <div class="porduct-text-info">预计2022-05-29前完成发货</div>
                        </div>
                        <div class="product-Commodity-code">
                            <div class="label">商品编码</div>
                            <div class="porduct-text-info">2601010359701</div>
                        </div>
                        <div class="product-Select">
                            <div class="label">选择颜色</div>
                            <div class="porduct-text-info color-r">
                                <ul>
                                    <li>雅黑</li>
                                    <li>锦白</li>
                                    <li>霜紫</li>
                                </ul>
                            </div>
                        </div>
                        <div class="product-Select">
                            <div class="label">选择版本</div>
                            <div class="porduct-text-info edition-r">
                                <ul>
                                    <li>8GB+256GB</li>
                                    <li>12GB+512GB</li>
                                    <li>8GB+512GB</li>
                                </ul>
                            </div>
                        </div>
                        <div class="product-Select">
                            <div class="label">选择网络制式</div>
                            <div class="porduct-text-info edition-r">
                                <ul>
                                    <li>4G 全网通</li>
                                </ul>
                            </div>
                        </div>
                        <div class="product-Select">
                            <div class="label">选择套餐</div>
                            <div class="porduct-text-info edition-r">
                                <ul>
                                    <li>官方标配</li>
                                    <li>碎屏宝套装版</li>
                                </ul>
                            </div>
                        </div>
                        <div class="product-Select">
                            <div class="label">保障服务</div>
                            <div class="porduct-text-info edition-r">
                                <ul >
                                    <li style="width: 200px;">碎屏服务宝（折叠机）1年</li>
                                    <li style="width: 200px;">华为延长服务宝1年</li>
                                </ul>
                            </div>
                        </div>
                        <div class="product-Select">
                            <div class="label">已选择商品：</div>
                            <div class="porduct-text-info edition-r">
                                <ul>
                                    <li style="width: 300px;">雅黑 / 8GB+256GB / 4G 全网通 / 官方标配 </li>
                                </ul>
                            </div>
                        </div>
                        <div class="product-clearfix">
                            <div class="product-number">
                                <input type="text" class="product-cart_numeber" value="1">
                                <div class="symbol_box">
                                    <button class="add">+</button>
                                    <button class="sub">-</button>
                                </div>
                            </div>
                            <div class="login-buy">
                                <span>加入购物车</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="con-between"></div>
        </div>
        <div class="product-tab">
            <div class="con-between"></div>
            <div class="con-center">
                <div class="product-evaluate-list">
                    <a href="">商品详情</a>
                    <a href="">规格参数</a>
                    <a href="">包装与售后</a>
                    <a href="">用户评价</a>
                </div>
            </div>
            <div class="con-between"></div>
        </div>
    <footer></footer>
    <script src="../libs/jquery.min.js"></script>
    <script src="../js/details.js"></script>
    <script src="../libs/fdj/jquery-1.11.3.min.js"></script>
    <script src="../libs/fdj/magnifier.js"></script>
    <script>
        $('header').load('./common/header.html')
        $('footer').load('./common/footer.html')
    </script>
</body>
</html>